<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Jquery轮播学习</title>
    <link href="//cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="./js/jquery-2.1.4.min(1).js"></script>
    <script type="text/javascript" src="./js/lunbo.js"></script>
    <link rel="stylesheet" href="./css/lunbo.css"/>

</head>
<body>
     <div class="outer" id="outer">
         <div style="width:3600px;" id="banner">

             <div class="img" id="img1"></div>

             <div class="img" id="img2"></div>

             <div class="img" id="img3"></div>

             <div class="img" id="img4"></div>

         </div>
     </div>
     <button onclick="ban.toggle(-1)">next</button>
     <button onclick="ban.toggle(1)">last</button>
</body>
</html>